<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
<%
	String bathPath = request.getContextPath();
	pageContext.setAttribute("bathPath", bathPath);
%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>控制器页面</title>
<link rel="stylesheet" href="${bathPath}/frame/layui/css/layui.css">
<link rel="stylesheet" href="${bathPath}/frame/static/css/style.css">
<link rel="icon" href="${bathPath}/frame/static/image/code.png">
<link type="text/css" rel="stylesheet" href="${bathPath}/css/page.css"/>
<script type="text/javascript" src="${bathPath}/js/jquery-1.9.1.min.js" ></script>
<script type="text/javascript" src="${bathPath}/js/ajaxSessionOut.js" ></script>
<!-- layer -->
<link type="text/css" rel="stylesheet" href="${bathPath}/js/layer/skin/layer.css"/>
<script type="text/javascript" src="${bathPath}/js/layer/layer.js" ></script>
<!-- validation -->
<script type="text/javascript" src="${bathPath }/js/jquery-validation/jquery.validate.js"></script>
<script src="${bathPath }/js/quickui/libs/js/form/validationRule.js" type="text/javascript"></script>
<script src="${bathPath }/js/quickui/libs/js/form/validation.js" type="text/javascript"></script>
<script src="${bathPath}/frame/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layui.use('element', function(){
  var $ = layui.jquery
  ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
  
  //触发事件
  var active = {
    tabAdd: function(){
      //新增一个Tab项
      element.tabAdd('demo', {
        title: '新选项'+ (Math.random()*1000|0) //用于演示
        ,content: '内容'+ (Math.random()*1000|0)
        ,id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
      })
    }
    ,tabDelete: function(othis){
      //删除指定Tab项
      element.tabDelete('demo', '44'); //删除：“商品管理”
      
      
      othis.addClass('layui-btn-disabled');
    }
    ,tabChange: function(){
      //切换到指定Tab项
      element.tabChange('demo', '22'); //切换到：用户管理
    }
  };
  
  $('.site-demo-active').on('click', function(){
    var othis = $(this), type = othis.data('type');
    active[type] ? active[type].call(this, othis) : '';
  });
  
  //Hash地址的定位
  var layid = location.hash.replace(/^#test=/, '');
  element.tabChange('test', layid);
  
  element.on('tab(test)', function(elem){
    location.hash = 'test='+ $(this).attr('lay-id');
  });
  
});


//使用此配置
function saveBtu(){
	var param=$("form").serialize();
		$.ajax({
			 type:"POST",
			 async:false,
			 dataType:"text",
			 data:param,
		     url:"${bathPath}/aDKDoor/doorInandUp.action",
		     success:function(data){
		    	 layer.confirm("保存成功！", {btn: ['确定'], title: "提示",skin:"my-skin"}, function(){
		    		 layer.close(parent.layer.index);
					 location.reload();
		    		}); 
		     }
		 });
}
//验证设防密码
function alarmOn(){
	var p1=document.getElementById("alarmonpsw").value;
	var p2=document.getElementById("alarmonpswTOO").value;
	//alert("长度是"+p1.length);
	if(p1.length==6 && p2.length==6){
		if(p1!=p2){
			layer.msg("输入的两次设防密码不一致");
			$('#save').attr('disabled', 'disabled');//移除按钮编辑模式
			return false;
			}else{
			$('#save').removeAttr('disabled');
			}
		}else{
			layer.msg("设防密码的长度必须为6");
		}
	}
//验证撤防密码
function alarmOff(){
	var p3=document.getElementById("alarmoffpsw").value;
	var p4=document.getElementById("alarmoffpswTOO").value;
	//alert("长度是"+p1.length);
	if(p3.length==6 && p4.length==6){
		if(p3!=p4){
			layer.msg("输入的两次撤防密码不一致");
			$('#save').attr('disabled', 'disabled');//移除按钮编辑模式
			return false;
			}else{
			$('#save').removeAttr('disabled');
			}
		}else{
			layer.msg("撤防密码的长度必须为6");
		}
	}
//验证胁迫密码
function threat(){
	var p5=document.getElementById("threatpsw").value;
	var p6=document.getElementById("threatpswTOO").value;
	//alert("长度是"+p1.length);
	if(p5.length==6 && p6.length==6){
		if(p5!=p6){
			layer.msg("输入的两次胁迫密码不一致");
			$('#save').attr('disabled', 'disabled');//移除按钮编辑模式
			return false;
			}else{
			$('#save').removeAttr('disabled');
			}
		}else{
			layer.msg("胁迫密码的长度必须为6");
		}
	}
</script>
<script>
        <!--渲染表格插件-->
        //常开
		layui.use('form', function(){
		  var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

		  //alert(JSON.stringify(${non}));//"//xuan.sun}");
          //alert("${non.sun}");
		  if("${non.sun}"==0){
			     $("input[type=radio][name=sun][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=sun][value=1]").attr("checked",'checked');
		     }
		  if("${non.mon}"==0){
			     $("input[type=radio][name=mon][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=mon][value=1]").attr("checked",'checked');
		     }
		  if("${non.tues}"==0){
			     $("input[type=radio][name=tues][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=tues][value=1]").attr("checked",'checked');
		     }
		  if("${non.wed}"==0){
			     $("input[type=radio][name=wed][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=wed][value=1]").attr("checked",'checked');
		     }
		  if("${non.thur}"==0){
			     $("input[type=radio][name=thur][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=thur][value=1]").attr("checked",'checked');
		     }
		  if("${non.fri}"==0){
			     $("input[type=radio][name=fri][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=fri][value=1]").attr("checked",'checked');
		     }
		  if("${non.sat}"==0){
			     $("input[type=radio][name=sat][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=sat][value=1]").attr("checked",'checked');
		     }
		  form.render();
		  //渲染checkbox复选框（赋值）
		  form.on('checkbox(test1)',function(data){
			  if(data.elem.checked==false){
				//alert("openAA哈");
				//常开
				$("#opentime").val("AA");
				document.getElementById('kai').style.display = "block";
			  }else{
				//alert("close55哈");
				$("#opentime").val("55");
				document.getElementById('kai').style.display = "none";
				form.on('checkbox(Oyi)',function(data){
				if(data.elem.checked==false){document.getElementById('yiO').style.display = "block";}else{document.getElementById('yiO').style.display = "none";}})
				form.on('checkbox(Oer)',function(data){
				if(data.elem.checked==false){document.getElementById('erO').style.display = "block";}else{document.getElementById('erO').style.display = "none";}})
				form.on('checkbox(Osan)',function(data){
				if(data.elem.checked==false){document.getElementById('sanO').style.display = "block";}else{document.getElementById('sanO').style.display = "none";}})
				form.on('checkbox(Osi)',function(data){
				if(data.elem.checked==false){document.getElementById('siO').style.display = "block";}else{document.getElementById('siO').style.display = "none";}})
				form.on('checkbox(Owu)',function(data){
				if(data.elem.checked==false){document.getElementById('wuO').style.display = "block";}else{document.getElementById('wuO').style.display = "none";}})
				form.on('checkbox(Oliu)',function(data){
				if(data.elem.checked==false){document.getElementById('liuO').style.display = "block";}else{document.getElementById('liuO').style.display = "none";}})
				form.on('checkbox(Ori)',function(data){
				if(data.elem.checked==false){document.getElementById('riO').style.display = "block";}else{document.getElementById('riO').style.display = "none";}})
			  }
		  })
		});
		
        //常闭
		layui.use('form', function(){
			  var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
			  if("${non.unsun}"==0){
				     $("input[type=radio][name=unsun][value=0]").attr("checked",'checked');
			     }else{
				     $("input[type=radio][name=unsun][value=1]").attr("checked",'checked');
			     }
			  if("${non.unmon}"==0){
				     $("input[type=radio][name=unmon][value=0]").attr("checked",'checked');
			     }else{
				     $("input[type=radio][name=unmon][value=1]").attr("checked",'checked');
			     }
			  if("${non.untues}"==0){
				     $("input[type=radio][name=untues][value=0]").attr("checked",'checked');
			     }else{
				     $("input[type=radio][name=untues][value=1]").attr("checked",'checked');
			     }
			  if("${non.unwed}"==0){
				     $("input[type=radio][name=unwed][value=0]").attr("checked",'checked');
			     }else{
				     $("input[type=radio][name=unwed][value=1]").attr("checked",'checked');
			     }
			  if("${non.unthur}"==0){
				     $("input[type=radio][name=unthur][value=0]").attr("checked",'checked');
			     }else{
				     $("input[type=radio][name=unthur][value=1]").attr("checked",'checked');
			     }
			  if("${non.unfri}"==0){
				     $("input[type=radio][name=unfri][value=0]").attr("checked",'checked');
			     }else{
				     $("input[type=radio][name=unfri][value=1]").attr("checked",'checked');
			     }
			  if("${non.unsat}"==0){
				     $("input[type=radio][name=unsat][value=0]").attr("checked",'checked');
			     }else{
				     $("input[type=radio][name=unsat][value=1]").attr("checked",'checked');
			     }
			  form.render();
			  //渲染checkbox复选框（赋值）
			  form.on('checkbox(test2)',function(data){
				  if(data.elem.checked==false){
					//alert("openAA嘿");			
					//常闭
					$("#closetime").val("AA");
					document.getElementById('guan').style.display = "block";
				  }else{
					//alert("close55嘿");
					$("#closetime").val("55");
					document.getElementById('guan').style.display = "none";
					form.on('checkbox(Tyi)',function(data){
					if(data.elem.checked==false){document.getElementById('yiT').style.display = "block";}else{document.getElementById('yiT').style.display = "none";}})
					form.on('checkbox(Ter)',function(data){
					if(data.elem.checked==false){document.getElementById('erT').style.display = "block";}else{document.getElementById('erT').style.display = "none";}})
					form.on('checkbox(Tsan)',function(data){
					if(data.elem.checked==false){document.getElementById('sanT').style.display = "block";}else{document.getElementById('sanT').style.display = "none";}})
					form.on('checkbox(Tsi)',function(data){
					if(data.elem.checked==false){document.getElementById('siT').style.display = "block";}else{document.getElementById('siT').style.display = "none";}})
					form.on('checkbox(Twu)',function(data){
					if(data.elem.checked==false){document.getElementById('wuT').style.display = "block";}else{document.getElementById('wuT').style.display = "none";}})
					form.on('checkbox(Tliu)',function(data){
					if(data.elem.checked==false){document.getElementById('liuT').style.display = "block";}else{document.getElementById('liuT').style.display = "none";}})
					form.on('checkbox(Tri)',function(data){
					if(data.elem.checked==false){document.getElementById('riT').style.display = "block";}else{document.getElementById('riT').style.display = "none";}})
				  }
			  })
			});
		
       //报警设防
	layui.use('form', function(){
		  var form = layui.form;
		  if("${now.sun1}"==0){
			     $("input[type=radio][name=sun1][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=sun1][value=1]").attr("checked",'checked');
		     }
		  if("${now.mon1}"==0){
			     $("input[type=radio][name=mon1][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=mon1][value=1]").attr("checked",'checked');
		     }
		  if("${now.tues1}"==0){
			     $("input[type=radio][name=tues1][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=tues1][value=1]").attr("checked",'checked');
		     }
		  if("${now.wed1}"==0){
			     $("input[type=radio][name=wed1][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=wed1][value=1]").attr("checked",'checked');
		     }
		  if("${now.thur1}"==0){
			     $("input[type=radio][name=thur1][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=thur1][value=1]").attr("checked",'checked');
		     }
		  if("${now.fri1}"==0){
			     $("input[type=radio][name=fri1][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=fri1][value=1]").attr("checked",'checked');
		     }
		  if("${now.sat1}"==0){
			     $("input[type=radio][name=sat1][value=0]").attr("checked",'checked');
		     }else{
			     $("input[type=radio][name=sat1][value=1]").attr("checked",'checked');
		     }

		  if("${doorBean.warnmode}"==0){
			     $("input[type=radio][name=warnmode][value=0]").attr('checked','checked');
		     }else{
			     $("input[type=radio][name=warnmode][value=1]").attr('checked','checked');
		     }

		  form.render();
		  //渲染checkbox复选框（赋值）
		  form.on('checkbox(test3)',function(data){
			  if(data.elem.checked==false){
				//alert("openAA嘻");		
				//报警设防
				$("#otimep").val("AA");
				document.getElementById('police').style.display = "block";
			  }else{
				//alert("close55嘻");
				$("#otimep").val("55");
				document.getElementById('police').style.display = "none";
				form.on('checkbox(Syi)',function(data){
				if(data.elem.checked==false){document.getElementById('yiS').style.display = "block";}else{document.getElementById('yiS').style.display = "none";}})
				form.on('checkbox(Ser)',function(data){
				if(data.elem.checked==false){document.getElementById('erS').style.display = "block";}else{document.getElementById('erS').style.display = "none";}})
				form.on('checkbox(Ssan)',function(data){
				if(data.elem.checked==false){document.getElementById('sanS').style.display = "block";}else{document.getElementById('sanS').style.display = "none";}})
				form.on('checkbox(Ssi)',function(data){
				if(data.elem.checked==false){document.getElementById('siS').style.display = "block";}else{document.getElementById('siS').style.display = "none";}})
				form.on('checkbox(Swu)',function(data){
				if(data.elem.checked==false){document.getElementById('wuS').style.display = "block";}else{document.getElementById('wuS').style.display = "none";}})
				form.on('checkbox(Sliu)',function(data){
				if(data.elem.checked==false){document.getElementById('liuS').style.display = "block";}else{document.getElementById('liuS').style.display = "none";}})
				form.on('checkbox(Sri)',function(data){
				if(data.elem.checked==false){document.getElementById('riS').style.display = "block";}else{document.getElementById('riS').style.display = "none";}})
			  }
		  })
		});
	//设防撤防
	layui.use('form', function(){
		  var form = layui.form;
		  form.render();
		  form.on('checkbox(Oend)',function(data){
			  if(data.elem.checked==false){
				document.getElementById('endO').style.display = "block";
			  }else{
				document.getElementById('endO').style.display = "none";
			  }
		  })
		});
	
	//防胁迫设置
	layui.use('form', function(){
		  var form = layui.form;
		  form.render();
		  form.on('checkbox(Tend)',function(data){
			  if(data.elem.checked==false){
				document.getElementById('endT').style.display = "block";
			  }else{
				document.getElementById('endT').style.display = "none";
			  }
		  })
		  
		  
		});
$(function(){
	//常开
	$("#opentime").val("AA");
	document.getElementById('kai').style.display = "block";
	
	//常闭
	$("#closetime").val("AA");
	document.getElementById('guan').style.display = "block";
	
	//报警设防
	$("#otimep").val("AA");
	document.getElementById('police').style.display = "block";
})
</script>
<style type="text/css">
	.my-skin .layui-layer-btn a {
	background-color:#009688;
}
</style>
</head>
<body>
<form class="layui-form layui-form-pane"  id="myform" method="post" action="" showOnMouseOver="false"> 
<input type="hidden" id="autoid" name="autoid" value="${doorBean.autoid}">
<div class="layui-tab layui-tab-card">
  <ul class="layui-tab-title">
    <li class="layui-this">基本设置</li>
    <li>常开常闭</li>
    <li>报警设防</li>
  </ul>
  <div class="layui-tab-content" style="height:387px;">
    <!--基本设置  -->
    <div class="layui-tab-item layui-show">
      <table class="param_table" style="border-collapse:separate; border-spacing:0px 10px; width:680px; margin-left:7px;">
	      <tr><td colspan="5" style="background-color:#FFB800; color:#F2F2F2; text-indent:15px;">设备属性</td></tr>
	      <tr>
	         <td style="text-indent:15px;width:120px;">读卡器号</td>
	         <td style="width:40px;">进</td>
	         <td>
	         	<select id="inreader" name="inreader">
	         		<option value="${doorBean.inreader}"></option>
	         		<option value="0" ${doorBean.inreader=="0"?'selected':''}>NONE</option>
			        <option value="1" ${doorBean.inreader=="1"?'selected':''}>1#</option>
			        <option value="2" ${doorBean.inreader=="2"?'selected':''}>2#</option>
			        <option value="3" ${doorBean.inreader=="3"?'selected':''}>3#</option>
			        <option value="4" ${doorBean.inreader=="4"?'selected':''}>4#</option>
	         	</select>
	         </td>
	         <td style="width:40px; text-indent:15px;">出</td>
	         <td>
	         	<select id="outreader" name="outreader" value="${doorBean.outreader}">
	         		<option value="${doorBean.outreader}"></option>
	         		<option value="0" ${doorBean.outreader=="0"?'selected':''}>NONE</option>
			        <option value="1" ${doorBean.outreader=="1"?'selected':''}>1#</option>
			        <option value="2" ${doorBean.outreader=="2"?'selected':''}>2#</option>
			        <option value="3" ${doorBean.outreader=="3"?'selected':''}>3#</option>
			        <option value="4" ${doorBean.outreader=="4"?'selected':''}>4#</option>
	         	</select>
	         </td>
	      </tr>
	      <tr><td  colspan="5" style="background-color:#FFB800; color:#F2F2F2; text-indent:15px;">基本参数</td></tr>
	       <tr>
	         <td style="text-indent:15px;width:120px;">门禁类型</td>
	         <!-- <td colspan="3"><input type="text" style="height:35px;"  name="" value="" lay-verify="required" autocomplete="off" class="layui-input"></td> -->
	         <td colspan="3">
	         	<select id="workmode" name="workmode" lay-filter="wMode">
			        <option value="${doorBean.workmode}"></option>
			        <option value="0" ${doorBean.inreader=="0"?'selected':''}>普通</option>
			        <option value="1" ${doorBean.inreader=="1"?'selected':''}>卡或密码</option>
			        <option value="2" ${doorBean.inreader=="2"?'selected':''}>卡加密码</option>
			        <option value="3" ${doorBean.inreader=="3"?'selected':''}>双卡开门</option>
			        <option value="4" ${doorBean.inreader=="4"?'selected':''}>三卡开门</option>
			        <option value="5" ${doorBean.inreader=="5"?'selected':''}>指纹或卡</option>
			        <option value="6" ${doorBean.inreader=="6"?'selected':''}>指纹加卡</option>
      			</select>
	         </td>
	      </tr>
	       <tr>
	         <td style="text-indent:15px;width:120px;">开门延迟</td>
	         <td><input type="text" style="height:35px;"  id="opendelay" name="opendelay" value="${doorBean.opendelay}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	         <td style="text-indent:15px;">秒</td>
	         <td colspan="2"></td>
	      </tr>
      </table>
    </div>
    <!--常开常闭  -->
    <div class="layui-tab-item">
    <div>
      <div id="kai" style="width:330px; height:300px;background-color:white;opacity:0.1;margin-top:50px;z-index:9999; position:fixed;" ></div>
      <table  class="param_table" style="border-collapse:separate; border-spacing:0px 3px; width:325px; margin-left:7px;">
	      <tr><td colspan="4" style="background-color:#FFB800; color:#F2F2F2; text-indent:5px; ">常开时间段</td></tr>
	      <tr><td  colspan="4">
	      <%-- <input type="hidden" name="opentime" value="${non.opentime}"> --%>
	      <input type="checkbox"  name="opentime" id="opentime"  lay-filter="test1" lay-skin="primary" title="启用"></td></tr>
	      <tr>
	      	 <td style="width:70px;">第一时间段:</td>
	         <td><input style="height:25px;" type="time" id="startopen1" name="startopen1" value="${non.startopen1}" lay-verify="required" class="layui-input"></td>
	         <td style="text-indent:5px;">至&nbsp;&nbsp;</td>
	         <td><input style="height:25px;" type="time" id="endopen1" name="endopen1" value="${non.endopen1}" lay-verify="required" class="layui-input"></td>
	      </tr>
	      <tr>
	      	 <td style="width:70px;">第二时间段:</td>
	         <td><input style="height:25px;" type="time" id="startopen2" name="startopen2" value="${non.startopen2}" lay-verify="required" class="layui-input"></td>
	         <td style="text-indent:5px;">至&nbsp;&nbsp;</td>
	         <td><input style="height:25px;" type="time" id="endopen2" name="endopen2" value="${non.endopen2}" lay-verify="required" class="layui-input"></td>
	      </tr>
	      <tr>
	      	 <td style="width:70px;">第三时间段:</td>
	         <td><input style="height:25px;" type="time" id="startopen3" name="startopen3" value="${non.startopen3}" lay-verify="required" class="layui-input"></td>
	         <td style="text-indent:5px;">至&nbsp;&nbsp;</td>
	         <td><input style="height:25px;" type="time" id="endopen3" name="endopen3" value="${non.endopen3}" lay-verify="required" class="layui-input"></td>
	      </tr>
	       <tr><td colspan="4" style="background-color:#FFB800; color:#F2F2F2; text-indent:5px;">以下时间列外</td></tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="yiO" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  id="" name="" lay-skin="primary" title="星期一" lay-filter="Oyi">
	       		<input type="radio"  name="mon" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="mon" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="erO" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期二" lay-filter="Oer">
	       		<input type="radio"  name="tues" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="tues" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       <tr>
	       	<td colspan="4">
	       		<div id="sanO" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期三" lay-filter="Osan" >
	       		<input type="radio"  name="wed" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="wed" lay-skin="primary" title="非整日"value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="siO" style="margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期四" lay-filter="Osi">
	       		<input type="radio"  name="thur" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="thur" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="wuO" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期五" lay-filter="Owu">
	       		<input type="radio"  name="fri" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="fri" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="liuO" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期六" lay-filter="Oliu">
	       		<input type="radio"  name="sat" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="sat" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="riO" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期日" lay-filter="Ori">
	       		<input type="radio"  name="sun" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="sun" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
      </table>
      </div>
      <div style="margin-left:350px; margin-top:-357px;">
      <div id="guan" style="width:330px; height:300px;background-color:white;opacity:0.1;margin-top:50px;z-index:9999; position:fixed;" ></div>
      <table class="param_table" style="border-collapse:separate; border-spacing:0px 3px; width:325px; margin-left:7px;">
	      <tr><td colspan="4" style="background-color:#FFB800; color:#F2F2F2; text-indent:5px;">常关时间段</td></tr>
	      <tr><td colspan="4"><input type="checkbox" name="closetime" id="closetime" lay-filter="test2" lay-skin="primary" title="启用"></td></tr>
	      <tr>
	      	 <td style="width:70px;">第一时间段:</td>
	         <td><input style="height:25px;" type="time" id="startclose1" name="startclose1" value="${non.startclose1}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	         <td style="text-indent:5px;">至&nbsp;&nbsp;</td>
	         <td><input style="height:25px;" type="time" id="endclose1" name="endclose1" value="${non.endclose1}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	      </tr>
	      <tr>
	      	 <td style="width:70px;">第二时间段:</td>
	         <td><input style="height:25px;" type="time" id="startclose2" name="startclose2" value="${non.startclose2}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	         <td style="text-indent:5px;">至&nbsp;&nbsp;</td>
	         <td><input style="height:25px;" type="time" id="endclose2" name="endclose2" value="${non.endclose2}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	      </tr>
	      <tr>
	      	 <td style="width:70px;">第三时间段:</td>
	         <td><input style="height:25px;" type="time" id="startclose3" name="startclose3" value="${non.startclose3}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	         <td style="text-indent:5px;">至&nbsp;&nbsp;</td>
	         <td><input style="height:25px;" type="time" id="endclose3" name="endclose3" value="${non.endclose3}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	      </tr>
	       <tr><td colspan="4" style="background-color:#FFB800; color:#F2F2F2; text-indent:5px;">以下时间列外</td></tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="yiT" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期一" lay-filter="Tyi">
	       		<input type="radio"  name="unmon" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="unmon" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="erT" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期二" lay-filter="Ter">
	       		<input type="radio"  name="untues" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="untues" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="sanT" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期三" lay-filter="Tsan">
	       		<input type="radio"  name="unwed" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="unwed" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="siT" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期四" lay-filter="Tsi">
	       	    <input type="radio"  name="unthur" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="unthur" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	       		<div id="wuT" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期五" lay-filter="Twu">
	       	 	<input type="radio"  name="unfri" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="unfri" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	      	 <td colspan="4">
	      	 	<div id="liuT" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期六" lay-filter="Tliu" >
	       	 	<input type="radio"  name="unsat" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="unsat" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	 <td colspan="4">
	      	 	<div id="riT" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期日" lay-filter="Tri">
	       	 	<input type="radio"  name="unsun" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="unsun" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
      </table>
      </div>
    </div>
    <!--报警设防  -->
       <div class="layui-tab-item">
    <div>
     <div id="police" style="width:330px; height:300px;background-color:white;opacity:0.1;margin-top:50px;z-index:9999; position:fixed;" ></div>
      <table  class="param_table" style="border-collapse:separate; border-spacing:0px 3px; width:325px; margin-left:7px;">
	      <tr><td colspan="4" style="background-color:#FFB800; color:#F2F2F2; text-indent:5px;">非报警时间段</td></tr>
	      <tr><td  colspan="4"><input type="checkbox" id="otimep" name="otimep" lay-skin="primary" title="启用" lay-filter="test3" ></td></tr>
	      <tr>
	      	 <td style="width:70px;">第一时间段:</td>
	         <td><input style="height:25px;" type="time" id="stimep1" name="stimep1" value="${now.stimep1}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	         <td style="text-indent:5px;">至&nbsp;&nbsp;</td>
	         <td><input style="height:25px;" type="time" id="etimep1" name="etimep1" value="${now.etimep1}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	      </tr>
	      <tr>
	      	 <td style="width:70px;">第二时间段:</td>
	         <td><input style="height:25px;" type="time" id="stimep2" name="stimep2" value="${now.stimep2}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	         <td style="text-indent:5px;">至&nbsp;&nbsp;</td>
	         <td><input style="height:25px;" type="time" id="etimep2" name="etimep2" value="${now.etimep2}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	      </tr>
	      <tr>
	      	 <td style="width:70px;">第三时间段:</td>
	         <td><input style="height:25px;" type="time" id="stimep3" name="stimep3" value="${now.stimep3}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	         <td style="text-indent:5px;">至&nbsp;&nbsp;</td> 
	         <td><input style="height:25px;" type="time" id="etimep3" name="etimep3" value="${now.etimep3}" lay-verify="required" autocomplete="off" class="layui-input"></td>
	      </tr>
	       <tr><td colspan="4" style="background-color:#FFB800; color:#F2F2F2; text-indent:5px;">以下时间列外</td></tr>
	       <tr>
	       	<td colspan="4">
	      	 	<div id="yiS" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期一" lay-filter="Syi">
	       	 	<input type="radio"  name="mon1" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="mon1" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	      	 	<div id="erS" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期二" lay-filter="Ser">
	       	 	<input type="radio"  name="tues1" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="tues1" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	      	 	<div id="sanS" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期三" lay-filter="Ssan">
	       	 	<input type="radio"  name="wed1" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="wed1" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	      	 	<div id="siS" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期四" lay-filter="Ssi">
	       	 	<input type="radio"  name="thur1" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="thur1" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	      	 	<div id="wuS" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期五" lay-filter="Swu">
	       	 	<input type="radio"  name="fri1" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="fri1" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	      	 	<div id="liuS" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期六" lay-filter="Sliu">
	       	 	<input type="radio"  name="sat1" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="sat1" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
	       <tr>
	       	<td colspan="4">
	      	 	<div id="riS" style=" margin-left:100px;width:200px; height:20px;background-color:white;opacity:0.1;margin-top:2px;z-index:999; position:fixed;"></div>
	       		<input type="checkbox"  name="" lay-skin="primary" title="星期日" lay-filter="Sri">
	       	 	<input type="radio"  name="sun1" lay-skin="primary" title="整日" checked="" value="0">
	       		<input type="radio"  name="sun1" lay-skin="primary" title="非整日" value="1">
	       	</td>
	       </tr>
      </table>
      </div>
      <div style="margin-left:350px; margin-top:-357px;">
      <table class="param_table" style="border-collapse:separate; border-spacing:0px 3px; width:325px; margin-left:7px;">
	      <tr><td colspan="3" style="background-color:#FFB800; color:#F2F2F2; text-indent:5px;">报警模式</td></tr>
	      <tr>
		      <td><input type="radio"  name="warnmode" lay-skin="primary" title="普通报警" checked="" value="0"></td>
		      <td></td>
	          <td><input type="radio"  name="warnmode" lay-skin="primary" title="特殊报警" value="1"></td>
          </tr>
          <tr><td colspan="3" style="background-color:#FFB800; color:#F2F2F2; text-indent:5px;">设防撤防</td></tr>
          <tr>
          	<td colspan="3">
          		<div id="endO" style="width:320px; height:90px;background-color:white;opacity:0.1;margin-top:30px;z-index:9999; position:fixed;"></div>
          		<input type="checkbox"  name="" lay-skin="primary" title="启用" lay-filter="Oend">
          	</td>
          </tr>
          <tr>
          	<td>设防密码<input style="height:25px;" type="password" id="alarmonpsw" name="alarmonpsw" value="${doorBean.alarmonpsw}"  class="layui-input" onblur="return alarmOn();"></td>
          	<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
          	<td>确认密码<input style="height:25px;" type="password" id="alarmonpswTOO" name="" value="${doorBean.alarmonpsw}"  class="layui-input" onblur="return alarmOn();"></td>
          </tr>
          <tr>
          	<td>撤防密码<input style="height:25px;" type="password" id="alarmoffpsw" name="alarmoffpsw" value="${doorBean.alarmoffpsw}"  class="layui-input" onblur="return alarmOff();"></td>
          	<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
          	<td>确认密码<input style="height:25px;" type="password" id="alarmoffpswTOO" name="" value="${doorBean.alarmoffpsw}"  class="layui-input" onblur="return alarmOff();"></td>
          </tr>
           <tr><td colspan="3" style="background-color:#FFB800; color:#F2F2F2; text-indent:5px;">防胁迫设置</td></tr>
           <tr>
	         <td colspan="3">
	           <div id="endT" style="width:320px; height:40px;background-color:white;opacity:0.1;margin-top:30px;z-index:9999; position:fixed;"></div>
	           <input type="checkbox"  name="" lay-skin="primary" title="启用" lay-filter="Tend">
	         </td>
           </tr>
           <tr>
          	<td>胁迫密码<input style="height:25px;" type="password" id="threatpsw" name="threatpsw" value="${doorBean.threatpsw}"   class="layui-input" onblur="return threat();"></td>
          	<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
          	<td>确认密码<input style="height:25px;" type="password" id="threatpswTOO" name="" value="${doorBean.threatpsw}"   class="layui-input" onblur="return threat();"></td>
          </tr>
	     
      </table>
      </div>
    </div>
          	<input type="button" id="save" value="使用此配置" onclick="saveBtu()" class="layui-btn  layui-btn-xs" style="margin-left:610px;"/>
    </div>
</div>
</form>
</body>
</html>